﻿
@{
    Layout = "~/Views/Shared/Index.cshtml";
}
@model YaYun.Models.Employee

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>ADDEmployee</title>


</head>

<body>
    <div class="">
        @using (Html.BeginForm(new { @class = "" }))
        {
            <h2>入职信息登记</h2>
            <br />
            <div class="layui-form">
                <div class="layui-input-group">
                    <div class="layui-input-split layui-input-prefix">
                        姓&emsp;名
                    </div>
                    <input class="form-control" type="text"placeholder="请输入姓名"  required name="EmployeeName" value="" />
                </div>
            </div>
            <br />
            <div class="layui-form-item">
                <div class="layui-input-group">
                    <div class="layui-input-split layui-input-prefix">
                        手机号
                    </div>
                    <input type="text" placeholder="请输入手机号码" maxlength="11" required name="phone" class="layui-input">
                </div>
            </div>


            <div class="layui-form">
                <div class="layui-input-group">
                    <div class="layui-input-split layui-input-prefix">
                        邮&emsp;箱
                    </div>
                    <input type="text" placeholder="请输入邮箱"  required name="email" class="layui-input">
                </div>
            </div>
            <br />



            <div class="layui-form">
                <div class="layui-input-group">
                    <div class="layui-input-split layui-input-prefix">
                        性&emsp;别
                    </div>
                    <select name="gender" required class="form-control">
                        <option value="1" data-icon="male-icon.png">男</option>
                        <option value="2">女</option>
                    </select>
                </div>
            </div><br />

            <div class="layui-form">
                <div class="layui-input-group">
                    <div class="layui-input-split layui-input-prefix">
                        部&emsp;门
                    </div>
                    <select name="DEP_id" required class="form-control  el-icon-arrow-down">
                        <option value="1">人力资源部</option>
                        <option value="2">市场部</option>
                        <option value="3">财务部</option>
                        <option value="4">技术部</option>
                        <option value="5">客服部</option>
                        <option value="6">销售部</option>
                        <option value="7">采购部</option>
                        <option value="8">行政部</option>
                        <option value="9">研发部</option>
                        <option value="10">运营部</option>
                    </select>
                </div>
            </div><br />
            <span class="caret"></span>

            <div class="layui-form">
                <div class="layui-input-group">
                    <div class="layui-input-split layui-input-prefix">
                        职&emsp;位
                    </div>
                    <select name="posi_id" required lay-filter="demo-select-filter">
                        <option class="caret" value="1">人力资源 </option>
                        <option value="2"> 市场营销专员</option>
                        <option value="3"> 会计</option>
                        <option value="4"> 软件工程师</option>
                        <option value="5">客服专员</option>
                        <option value="6"> 销售代表</option>
                        <option value="7"> 采购专员</option>
                        <option value="8"> 行政专员</option>
                        <option value="9"> 研发工程师</option>
                        <option value="10"> 运营专员</option>
                    </select>
                </div>
            </div>
            <br />
            <div class="layui-form">
                <div class="layui-input-group">
                    <div class="layui-input-split layui-input-prefix">
                        入职时间
                    </div>
                    <input type="date" class="form-control"  required name="enter_date" value="" />
                </div>
            </div>

            <br />
            <div>
                <input class="btn btn-primary  btn-block" type="submit" value="提&emsp;交" />&emsp;&emsp;
                <a href="/home/employee" class="btn   btn-block btn-link bor_a">取 &emsp;消</a>
            </div>
        }

        <br />

    </div>

    <script>
        layui.use(function () {
            var form = layui.form;
            var layer = layui.layer;
            // select 事件
            form.on('select(demo-select-filter)', function (data) {
                var elem = data.elem; // 获得 select 原始 DOM 对象
                var value = data.value; // 获得被选中的值
                var othis = data.othis; // 获得 select 元素被替换后的 jQuery 对象

                layer.msg(this.innerHTML + ' 的 value: ' + value); // this 为当前选中 <option> 元素对象
            });
        });
    </script>
</body>

</html>
